<!DOCTYPE html>
<html lang="en" xmlns:th="http://wwww.thymeleaf.org" >
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="../aaa/css/font.css">
        <link rel="stylesheet" href="../aaa/css/xadmin.css">
        <script src="../aaa/lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="../aaa/js/xadmin.js"></script>
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5" action="/outprse/selectByIf" method="post">
                                <div class="layui-inline layui-show-xs-block">
                                    <input type="text" name="outprseid"  placeholder="请输入ID" autocomplete="off" class="layui-input" >
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-header">
                            <button class="layui-btn layui-btn-danger"  onclick="outprseDel()"><i class="layui-icon"></i>批量删除</button>
                                                                         <!--('添加出货表','/outprse/glselect1',1150,600)"：生产批量出货表，点击 添加 弹出框大小-->
                            <button class="layui-btn" onclick="xadmin.open('添加出货表','/outprse/glselect1',1150,600)"><i class="layui-icon"></i>添加</button>

<!--                            <button class="layui-btn" onclick="xadmin.open('生产进度管理','/outprse/glselect',1000,500)"><i class="layui-icon"></i>生产进度管理</button>-->
                        </div>
                        <div class="layui-card-body ">
                            <table class="layui-table layui-form">
                                <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox" class="checkAll" lay-filter="allChoose"  lay-skin="primary">
                                    </th>
                                    <th>ID</th>
                                    <th>商品订单编号</th>
                                    <th>领料单据日期</th>
                                    <th>审核状态</th>
                                    <!--                            <th>所属仓库</th>-->
                                    <th>样板名字</th>
                                    <th>图片</th>
                                    <th>商品名字</th>
                                    <th>完成情况</th>

                                    <th>操作</th>
                                </thead>
                                <tbody>
                                <tr th:each="outprse1:${outprse}">
                                    <td>
                                        <input type="checkbox" name="outprseids[]" lay-filter="checkone"  lay-skin="primary" th:value="${outprse1.outprseid}">
                                    </td>
                                    <td th:text="${outprse1.outprseid}"></td>
                                    <td th:text="${outprse1.ordersId}"></td>
                                    <td th:text="${outprse1.outprsetime1}"></td>
                                    <td>
                                        <span class="layui-btn layui-btn-normal layui-btn-mini" th:text="${outprse1.statusl.statusname}"></span></td>

                                    </td>
                                    <!--                            <td th:text="${prse.entrepot.entrepotname}"></td>-->

                                    <td th:text="${outprse1.need.needName}"></td>
                                    <td>
                                        <img th:src="@{${outprse1.need.needimg}}" width="80" height="80"/>
                                    </td>
                                    <td th:text="${outprse1.commodity.commodityname}"></td>
                                    <td th:text="${outprse1.wancheng.wcstatus}"></td>
                                    <td class="td-status">
<!--                                    <span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span></td>-->
<!--                                    <td class="td-manage">-->
<!--                                        <a onclick="member_stop(this,'10001')" href="javascript:;"  title="启用">-->
<!--                                            <i class="layui-icon">&#xe601;</i>-->
<!--                                        </a>-->
<!--                                    <a title="编辑" th:onclick="xadmin.open('修改用户','/outprse/selectById?outprseid='+'[(${outprse1.outprseid})]',600,400)">-->
<!--                                      <i class="layui-icon">&#xe642;</i>-->
<!--                                    </a>-->
                                      <a title="删除" th:onclick="member_del(this,'[(${outprse1.outprseid})]')">
<!--                                         -->
                                      <i class="layui-icon">&#xe640;</i>
                                    </a>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                        </div>
<!--                        <div class="layui-card-body ">-->
<!--                            <div class="page">-->
<!--                                <div>-->
<!--                                  <a class="prev" href="">&lt;&lt;</a>-->
<!--                                  <a class="num" href="">1</a>-->
<!--                                  <span class="current">2</span>-->
<!--                                  <a class="num" href="">3</a>-->
<!--                                  <a class="num" href="">489</a>-->
<!--                                  <a class="next" href="">&gt;&gt;</a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </body>
    <div class="layui-card-body">
        <div class="page">
            <div>
                <span th:text="'总'+${pageInfo.pages}+'页'"></span>
                <span th:text="'共'+${pageInfo.total}+'条记录'"></span>
                <a th:href="@{/outprse/selectAll}">首页</a>
                <a class="prev" th:href="@{/outprse/selectAll(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">&lt;&lt;</a>
                <a class="num" th:text="'当前第'+${pageInfo.pageNum}+'页'"></a>
                <a class="next" th:href="@{/outprse/selectAll(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">&gt;&gt;</a>
                <a th:href="@{/outprse/selectAll(pageNum=${pageInfo.pages})}">尾页</a>

            </div>
        </div>
    </div>
    <script>
        layui.use(['laydate','form'], function(){
            var laydate = layui.laydate;
            var form = layui.form;

            form.on('checkbox(allChoose)', function(data){
                if(data.elem.checked){
                    $('tbody input').prop('checked',true);
                }else{
                    $('tbody input').prop('checked',false);
                }
                form.render('checkbox');
            });
            //单选
            form.on('checkbox(checkone)', function (data) {
                var i = 0;
                var j = 0;
                $("input[name='outprseids[]']").each(function () {
                    if( this.checked === true )
                    {
                        i++;
                    }
                    j++;
                });
                if( i == j )
                {
                    $(".checkAll").prop("checked",true);
                    form.render('checkbox');
                }else
                {
                    $(".checkAll").removeAttr("checked");
                    form.render('checkbox');
                }

            });

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });

      // /*用户-停用*/
      // function member_stop(obj,id){
      //     layer.confirm('确认要停用吗？',function(index){
      //
      //         if($(obj).attr('title')=='启用'){
      //
      //           //发异步把用户状态进行更改
      //           $(obj).attr('title','停用')
      //           $(obj).find('i').html('&#xe62f;');
      //
      //           $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
      //           layer.msg('已停用!',{icon: 5,time:1000});
      //
      //         }else{
      //           $(obj).attr('title','启用')
      //           $(obj).find('i').html('&#xe601;');
      //
      //           $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
      //           layer.msg('已启用!',{icon: 5,time:1000});
      //         }
      //
      //     });
      // }

      /*用户-删除*/
      function member_del(obj,outprseid){
          layer.confirm('确认要删除吗？',function(){
              //发异步删除数据
              $.ajax({
                  url: "/outprse/del?outprseid="+outprseid,
                  type: "POST",
                  success: function (result) {
                      window.location.reload();//重新页面
                  }
              });
              // $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }



        function outprseDel() {
            layer.confirm('确认要删除吗？',function(){
                var ids = new Array();
                num = $(":checkbox[name='outprseids[]']:checked").length;
                if(num == 0){
                    alert('必须选中一行才可以删除！');
                    return false;
                }else{
                    $.each($(":checkbox[name='outprseids[]']:checked"),function(i,v){
                        ids[i] =this.value;
                    });
                }
                //捉到所有被选中的，发异步进行删除
                $.ajax({
                    url: "/outprse/outprseDel",
                    type: "POST",
                    data:{outprses:ids},
                    dataType:'json',
                    success: function (result) {

                        window.location.reload();//重新页面
                    }
                });

                layer.msg('删除成功', {icon: 1});
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });
        }
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
</html>
